<!doctype html>
<html lang="en">
<head>   
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> 
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <title>404 | WuBin.work</title>
    <meta name="description" content="WuBin.work | 内容管理平台" />
    <style type="text/css">
        *{box-sizing:border-box;margin:0;padding:0;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;-webkit-font-smoothing:antialiased}
        body{padding:0px 0;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333}
        a{outline:0;color:#3498db;text-decoration:none;cursor:pointer}
        .system-message{background:#fff;box-shadow:1px 1px 1px hsla(0,0%,39%,.1);text-align:center;position: absolute;left: 20px;top: 20px;right: 20px;bottom: 20px;}
        .system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:40px}
        .system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400}
        .system-message .jump{font-size:14px}
        .system-message .jump a{color:#333}
        .system-message p{font-size:9pt;line-height:20px}
        .system-message .btn{display:inline-block;margin-right:10px;width:138px;height:2pc;border:1px solid #44a0e8;border-radius:30px;color:#44a0e8;text-align:center;font-size:1pc;line-height:2pc;margin-bottom:5px;}
        .success .btn{border-color:#69bf4e;color:#69bf4e}
        .error .btn{border-color:#ff8992;color:#ff8992}
        .info .btn{border-color:#3498db;color:#3498db}
        .copyright p{width:100%;color:#919191;text-align:center;font-size:10px}
        .system-message .btn-grey{border-color:#bbb;color:#bbb}
        .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
        .system-inner{position: absolute;
        top: 50%;left: 50%;margin: -190px 0 0 -160px;}
        @media (max-width:768px){body {padding:20px 0;}}
        @media (max-width:480px){.system-message h1{font-size:30px;}}
    </style>
</head>
<body>
    <div class="system-message error">
        <div class="system-inner">
            <div class="image">
                <img src="https://634174214.gitee.io/myblog-admin-assets/img/404.svg" alt="" width="150" />
            </div>
            <h1>抱歉！页面走丢了</h1>
            <p class="jump">
                页面将在 
                <span id="wait">10</span>
                秒后 自动返回上一页        
            </p>
            <p class="clearfix">
                <a href="/admin/index.php" class="btn btn-grey">返回首页</a>
                <a href="javascript:history.back(-1);" class="btn btn-primary">返回上一页</a>
            </p>
        </div>
    </div>
        <script type="text/javascript">
            (function () {
                var wait = document.getElementById('wait');
                var interval = setInterval(function () {
                    var time = --wait.innerHTML;
                    if (time <= 0) {
                        location.href = "javascript:history.back(-1);";
                        clearInterval(interval);
                    }
                }, 1000);
            })();
        </script>
    </body>
</body>
</html>